<template>
  <div class="p-4">
    <div class="card p-4 m-auto mt-4" style="max-width: 800px">
      <h1 class="text-center text-primary text-4xl mb-4">关于</h1>
      <p class="mb-3">
        这是一个基于Vue3 + Flask + SQLite的MVP快速原型开发框架。
      </p>
      <p class="mb-3">
        技术栈:
      </p>
      <ul class="mb-4 list-disc pl-4">
        <li>前端: Vue3 + PrimeVue + Pinia</li>
        <li>后端: Flask + SQLAlchemy</li>
        <li>数据库: SQLite (开发环境)</li>
      </ul>
      <div class="flex justify-content-center">
        <router-link to="/">
          <button class="p-button p-component">返回首页</button>
        </router-link>
      </div>
    </div>
  </div>
</template>